<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
	    <link rel="stylesheet" href="../../css/public/bootstrap.min.css">
	    <link rel="stylesheet" href="http://netdna.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
	    <link rel="stylesheet" href="../../css/public/foundation-datepicker.min.css" type="text/css">
	    <link rel="stylesheet" href="../../css/personal/editor.css"/>
	    <link rel="stylesheet" href="../../css/personal/time-zhou.css"/>
		<title></title>
	</head>
	<body>
		<div class="relation">
			<div class="relation_head">
				<a href="javascript" onclick="window.history.back()"><img src="../../images/back.png" class="go-back" alt=""/></a>
		        <h4>选择关系</h4>
			</div>
			<ul class="change_relat">
				<li>
					<p>父母</p>
					<input hidden="hidden" value="1"  class="kinship"/>
				</li>
				<li>
					<p>妻子/丈夫</p>
					<input hidden="hidden" value="2"  class="kinship"/>
				</li>
				<li>
					<p>兄弟/姐妹</p>
					<input hidden="hidden" value="3"  class="kinship"/>
				</li>
				<li>
					<p>子女</p>
					<input hidden="hidden" value="4"  class="kinship"/>
				</li>
			</ul>
		</div>
		<!--新增人物编辑-->
		<div id="addEditor">
		    <div class="addEditor-head">
		        <a href="javascript:;"><img src="../../images/back.png" class="go-back" alt=""/></a>
		        <h4>编辑</h4>
		    </div>
		    <div class="addEditor-content">
		        <div class="add-head">
		            <input type="file"/>
		            <img src="../../images/headadd.png" alt=""/>
		        </div>
		        <form class="bs-example bs-example-form" role="form">
		            <div class="input-group">
		                <span class="input-group-addon">姓</span>
		                <input type="text" class="form-control" name="lastname" placeholder="输入姓氏">
		            </div>
		            <br>
		            <div class="input-group">
		                <span class="input-group-addon">名</span>
		                <input type="text" class="form-control" name="firstname" placeholder="输入名字">
		            </div>
		        </form>
		        <div class="addEditor-source">
		            <label for="optionsRadios1">性别</label>
		            <label class="checkbox-inline">
		                <input type="radio" name="optionsRadiosinline" id="optionsRadios1" value="男" checked>男
		            </label>
		            <label class="checkbox-inline">
		                <input type="radio" name="optionsRadiosinline" id="optionsRadios2" value="女">女
		            </label>
		        </div>
		        <div class="checkbox">
		            <label for="isAlive">健在</label>
		            <label><input type="checkbox" id="isAlive" value="1" checked="checked"></label>
		        </div>
		        <div class="container container-editor">
		            <div class="row">
		                <div class="col-xs-6">出生日期</div>
		                <div class="col-xs-6">
		                    <div class="input-append date form_datetime">
		                        <!--<input class="form-control" placeholder="" type="text" name="brithday"  value="">-->
		                        <input class="form-control" type="text"  placeholder="添加出生日期" id="processTime1">
		                    </div>
		                </div>
		            </div>
		            <div class="row">
		                <div class="col-xs-6">手机</div>
		                <div class="col-xs-6">
		                    <input class="form-control" id="tel" placeholder="添加手机号码作为账号" type="tel"  value="">
		                </div>
		            </div>
		            <div class="row">
		                <div class="col-xs-6">微信号</div>
		                <div class="col-xs-6">
		                    <input class="form-control" id="wx" placeholder="绑定微信账号" type="text"  value="">
		                </div>
		            </div>
		            <button class="btn btn-default"  id="sureEdit">确定</button>
		        </div>
		    </div>
		</div>
	</body>
	<script src="../../js/public/jquery-2.2.3.min.js"></script>
	<!--<script src="../../js/public/bootstrap.min.js"></script>-->
	<script src="../../js/public/foundation-datepicker.min.js"></script>
	<script src="../../js/public/foundation-datepicker.zh-CN.js"></script>
	<script src="../../js/personal/editor.js"></script>
	<script>
	$('#processTime').fdatepicker({
	    language: 'zh-CN',
	    format: 'yyyy-mm-dd'
	});
	$('#processTime1').fdatepicker({
	    language: 'zh-CN',
	    format: 'yyyy-mm-dd'
	});
	var nowTemp = new Date();
	var now = new Date(nowTemp.getFullYear(), nowTemp.getMonth(), nowTemp.getDate(), 0, 0, 0, 0);
	var checkin = $('#dpd1').fdatepicker({
	    onRender: function (date) {
	        return date.valueOf() < now.valueOf() ? 'disabled' : '';
	    }
	}).on('changeDate', function (ev) {
	    if (ev.date.valueOf() > checkout.date.valueOf()) {
	        var newDate = new Date(ev.date)
	        newDate.setDate(newDate.getDate() + 1);
	        checkout.update(newDate);
	    }
	    checkin.hide();
	    $('#dpd2')[0].focus();
	}).data('datepicker');
	var checkout = $('#dpd2').fdatepicker({
	    onRender: function (date) {
	        return date.valueOf() <= checkin.date.valueOf() ? 'disabled' : '';
	    }
	}).on('changeDate', function (ev) {
	    checkout.hide();
	}).data('datepicker');
	</script>
</html>
